<!DOCTYPE html>

<html lang="en">
<head>

  <meta charset="utf-8">

  <title>ITURHFProp Propagation Prediction</title>
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script src=
  "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"
  type="text/javascript">
</script>
  <script type="text/javascript">
      function update_image() {
        var img_fn = 'img/prediction/'+$('#hour_select').val()+'/'+$('#data_select').val()+'_'+$('#band_select').val()+'.jpg';
        $("#prediction_image").prop("src",img_fn);
      }

      $(document).ready(function() {
        $('#band_select').change(function() {
          update_image();
          if ($("#band_select").prop('selectedIndex') == 0) {
          $("#prevBandButton").prop("disabled",true);
            $("#nextBandButton").prop("disabled",false);
          } else if ($("#band_select").prop('selectedIndex') == $('#band_select option').size()-1) {
            $("#prevBandButton").prop("disabled",false);
            $("#nextBandButton").prop("disabled",true);
          } else {
            $("#prevBandButton").prop("disabled",false);
            $("#nextBandButton").prop("disabled",false);
          }
        });

        $('#data_select').change(function() {
          update_image();
        });

        $('#hour_select').change(function() {
          update_image();
          if ($("#hour_select").prop('selectedIndex') == 0) {
          $("#prevUTCButton").prop("disabled",true);
            $("#nextUTCButton").prop("disabled",false);
          } else if ($("#hour_select").prop('selectedIndex') == $('#hour_select option').size()-1) {
            $("#prevUTCButton").prop("disabled",false);
            $("#nextUTCButton").prop("disabled",true);
          } else {
            $("#prevUTCButton").prop("disabled",false);
            $("#nextUTCButton").prop("disabled",false);
          }
        });


    $("#nextBandButton").click(function() {
      var selectedIndex = ($("#band_select").prop('selectedIndex'));
      if (selectedIndex < $('#band_select option').size()-1) {
        $('#band_select').prop('selectedIndex', selectedIndex+1);
        $('#band_select').trigger('change');
      }
    });

    $("#prevBandButton").click(function() {
      var selectedIndex = ($("#band_select").prop('selectedIndex'));
      if (selectedIndex > 0) {
        $('#band_select').prop('selectedIndex', selectedIndex-1);
        $('#band_select').trigger('change');
      }
    });

    $("#nextUTCButton").click(function() {
      var selectedIndex = ($("#hour_select").prop('selectedIndex'));
      if (selectedIndex < $('#hour_select option').size()-1) {
        $('#hour_select').prop('selectedIndex', selectedIndex+1);
        $('#hour_select').trigger('change');
      }
    });

    $("#prevUTCButton").click(function() {
      var selectedIndex = ($("#hour_select").prop('selectedIndex'));
      if (selectedIndex > 0) {
        $('#hour_select').prop('selectedIndex', selectedIndex-1);
        $('#hour_select').trigger('change');
      }
    });

    var d = new Date();
    $("#hour_select").val(d.getUTCHours());
    $('#hour_select').trigger('change');
    });
  </script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-71958649-1', 'auto');
    ga('send', 'pageview');
  </script>
</head>

<body>
  <h1>ITURHFProp Propagation Prediction</h1>

  <div class="main_container">
  <img id="prediction_image" alt="Area coverage" />
  <div class="control_panel">
  <fieldset>
    <label for="hour_select">Hour (UTC):&nbsp;</label>
    <select id="hour_select">
      <option value="0">00:00</option>
      <option value="1">01:00</option>
      <option value="2">02:00</option>
      <option value="3">03:00</option>
      <option value="4">04:00</option>
      <option value="5">05:00</option>
      <option value="6">06:00</option>
      <option value="7">07:00</option>
      <option value="8">08:00</option>
      <option value="9">09:00</option>
      <option value="10">10:00</option>
      <option value="11">11:00</option>
      <option value="12">12:00</option>
      <option value="13">13:00</option>
      <option value="14">14:00</option>
      <option value="15">15:00</option>
      <option value="16">16:00</option>
      <option value="17">17:00</option>
      <option value="18">18:00</option>
      <option value="19">19:00</option>
      <option value="20">20:00</option>
      <option value="21">21:00</option>
      <option value="22">22:00</option>
      <option value="23">23:00</option>
    </select>
    <button id="prevUTCButton">&#8659;</button>
    <button id="nextUTCButton">&#8657;</button>
    <label for="band_select">Band:&nbsp;</label>
    <select id="band_select">
      <option value="1">3.52MHz (80m)</option>
      <option value="2">5.52MHz (60m)</option>
      <option value="3">7.02MHz (40m)</option>
      <option value="4">10.11MHz (30m)</option>
      <option value="5">14.02MHz (20m)</option>
      <option value="6">18.08MHz (17m)</option>
      <option value="7">21.02MHz (15m)</option>
      <option value="8">24.89MHz (12m)</option>
      <option value="9">28.02MHz (10m)</option>
    </select>
    <button id="prevBandButton">&#8659;</button>
    <button id="nextBandButton">&#8657;</button>
    <label for="data_select">Type:&nbsp;</label>
    <select id="data_select">
      <option value="rel">REL</option>
      <option value="snr" selected="selected">SNR</option>
      <option value="e">S-Meter</option>
    </select>
  </fieldset>
</div>
  <div class="text_box">
  <!-- Text in this section has been provided by Gwyn Williams G4FKH -->
  <h2>Mid U.K. - Area Coverage maps explained</h2>
  <ul>
  <li>The prediction engine used to construct these maps is the latest offering from the ITU;
  ITURHFProp, freely available from <a href="http://www.itu.int/oth/R0A0400006F/en">
  http://www.itu.int/oth/R0A0400006F/en</a>.</li>
  <li>As a base we use central U.K., thus creating a world-wide propagation view
  suitable for everyone in the U.K.</li>
  <li>The plots are recalculated at the beginning of each month, a
  choice of frequency, reliability (REL), SNR (SNR) or field strength
  (S-Meter) are available at the bottom of the plot under "Band:" and "Type:".</li>
  <li>Along the right hand side is the colour legend, percentage for REL, dB for
  SNR and (S-Meter) for field strength.</li>
  <li>A day/night terminator line is shown for convenience.</li>
  <li>To use these plots choose the frequency of interest, then look at the
    plots in any order. E.G. For Ivory Coast on 14MHz at 14:00 UTC the S-Meter
    plot is suggesting S2, an SNR of between 10 and 20dB and finally a
    reliability of between 60 and 70%. What does this mean; the SNR is low,
    but for good quality receivers and keen ears it is workable for CW, for
    SSB a higher SNR is needed. The stated reliability will occur at most 70%
    of days this month and the expected S-Meter of 2 may be below the local
    noise levels. Only those with a quiet noise background could realistically
    be expected to communicate during this particular period with the stated
    power level and aerial type.</li>
</ul>
  <p>This site would not be available but for the kind co-operation of the
    ITU through the guise of Chris Behm, the compiler of the program. The
    program calculates the HF path parameters in accordance with ITU Recommendation
    <a href="https://www.itu.int/rec/R-REC-P.533/en">ITU-R P.533-13</a>.</p>
  <p>Thanks are also due to James Watson who assembled the above web
  interpretation.  All of the plotting routines used to create this page are
  available under an open source licence and may be found at be found at
  <a href="https://github.com/jawatson/proppy">
    https://github.com/jawatson/proppy</a>.</p>
  <p>The proppy project now supports on demand propagation predictions.  This is
    under active developent and is available on a trail basis at the following
    URL; <a href="http://139.162.54.202/proppy/">http://139.162.54.202/proppy/</a>.</p>
  <p>Any Comments/Suggestion e-mail Gwyn Williams, G4FKH at
    <a href="mailto:g4fkh@sky.com?Subject=ITURHFProp%20Propagation%20Prediction%20Webpage">g4fkh@sky.com</a>
  </p>
</div>
</div>
</body>
</html>
